@charset "utf-8";

.info{height:90px;background:#adadad;}
.info .g-doc {text-align:center;background:#adadad;}
.info .g-doc img {margin-top:15px;}

.product{padding-top:15px;}
.product .tit {height:50px;line-height:50px;font-size:22px;padding-left:18px;background:url(../Images/home/tit_icon.jpg) left center no-repeat;}
.product .tit span {float:right;margin-top:10px;}
.product .con {height:240px;padding:10px 0 0 0;}
.product .inner{height:240px;position: relative; overflow: hidden;}
.product .inner ul { position: absolute; left: 0; top: 0; }
.product .inner ul li { float: left; padding-right: 15px;}
.product .inner ul li img { width: 273px; height: 195px; }
.product .inner ul li a {display:block;width:273px;height:195px;position:relative;}
.product .inner ul li p {position:absolute;left:0;bottom:0;width:273px;height:33px;background:#233b4b;line-height: 33px; text-align: center;color:#fff;font-size:16px;filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; }
.product .inner ul li:hover p {background:#D19E05;}

.about_total {height:360px;padding-top:10px;background:#f4f4f4;}
.about {float:left;width:845px;}
.about .tit {height:50px;line-height:50px;font-size:22px;padding-left:18px;background:url(../Images/home/tit_icon.jpg) left center no-repeat;}
.about .tit span {float:right;margin-top:10px;margin-right:20px;}
.about .video {float:left;width:358px;height:258px;overflow:hidden;margin-top:10px;}
.about .company {float:right;width:455px;margin-top:10px;}
.about .company p{margin-right:20px;font-size:14px;color:#444;line-height:200%;text-indent:2em;}
.about em {display:inline-block;float:right;width:98px;height:28px;line-height:28px;text-align:center;border:1px #d4d4d4 solid;background:#FFF;margin-right:20px;}
.about em a {color:#444;}

.procat {float:right;width:335px;padding-left:20px;height:360px; background:url(../Images/home/line_1.jpg)left center no-repeat;}
.procat .tit {height:50px;line-height:50px;font-size:22px;padding-left:18px;background:url(../Images/home/tit_icon.jpg) left center no-repeat;}
.procat .tit span {float:right;margin-top:10px;}
.procat li {float:left;width:125px;padding-left:30px;height:35px;line-height:35px;border:1px #d4d4d4 solid;background:url(../Images/home/cat_bg.jpg) #FFF 15px center no-repeat;margin:13px 0 0 15px;}
.procat li:nth-child(2n-1){margin-left:0;}

.case {float:left;width:845px;margin-top:15px;padding-bottom:20px;}
.case .tit {height:50px;line-height:50px;font-size:22px;padding-left:18px;background:url(../Images/home/tit_icon.jpg) left center no-repeat;}
.case .tit span {float:right;margin-top:10px;margin-right:20px;}
.case .con .l_btn{
	float:left;
	width:25px;
	margin-top:90px;
}
.case .con .r_btn{
	float:right;
	width:25px;
	margin-top:90px;
}
.case .con .scroll_wrap { float:left; width:775px; height: 200px; overflow: hidden; position: relative; margin-top:10px;margin-left:10px; }
.case .con .scroll { position: absolute; left: 0; top: 0; }
.case .con .scroll li { float: left; width: 273px; height: 200px;margin-left:10px;overflow:hidden;}
.case .con ul li img { width: 273px; height: 195px; }
.case .con ul li a {display:block;width:273px;height:195px;position:relative;}
.case .con ul li p {position:absolute;left:0;bottom:0;width:273px;height:33px;background:#233b4b;line-height: 33px; text-align: center;color:#fff;font-size:16px;filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; }
.case .con ul li:hover p {background:#D19E05;}

.news {float:right;width:335px;padding-left:20px;margin-top:15px;}
.news .tit {height:50px;line-height:50px;font-size:22px;padding-left:18px;background:url(../Images/home/tit_icon.jpg) left center no-repeat;}
.news .tit span {float:right;margin-top:10px;}
.news li {height:36px;line-height:36px;border-bottom:1px #d8d8d8 dashed;padding-left:15px;background:url(../Images/home/dot_1.jpg)0 center no-repeat;font-size:15px;}


/* 网页中部 */

.left {
	float:left;
	width:260px;
	background:#FFF;
}
.l_tit {
	margin-top:15px;
	height:38px;
	line-height:38px;
	background:#004F7C;
	font-size:16px;
	padding-left:35px;
	color:#fff;
}
.l_tit em {
	font-size:13px;color:#fff;
}
.left ul {margin-top:10px;}
.left li {
	height:38px;
	line-height:38px;
	padding-left:45px;
	border-bottom:1px #e2e2e2 solid;
	background:url(../Images/home/icon_5.jpg)20px center no-repeat;
}
.left li:last-child {border:none;}

.left .contact .con {line-height:200%;padding:10px;}



.right {
	float:right;
	width:920px;
	padding-bottom:20px;
}
.r_tit {
	float:right;
	padding:20px 0 20px 0;
	height:10px;
	border-bottom:2px #dedede solid;
	width:920px;
}
.r_tit p{float:left;font-size:20px;
	color:#333;}
.r_tit span {float:right;}

.right .con{}
.right .con ul {margin-top:15px;}
.right .con li {
	height:38px;
	line-height:38px;
	width:920px;
	margin:auto;
	font-size:14px;
	border-bottom: 1px #cccccc dashed;
}
.right .con li p {
	float:left;
	padding-left:20px;
	background:url(../Images/home/icon_arrow.jpg)2px center no-repeat;
}
.right .con li span {
	float:right;
}


.page {
	padding: 10px 0;
	height: 24px;
	line-height: 24px;
	text-align: left;
	padding-left: 50px;
}
.article {font-size:14px;width:920px; }
.article .tt {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.article .adv {
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.article .con {
	padding: 10px 10px 0 10px;
	line-height: 200%;
}



.m-pro-list { width:920px; overflow:hidden; margin-left:0px; }
.m-pro-list ul li { float: left; display:block;  width: 270px; margin: 15px 20px 6px 15px; height: 200px;text-align:center; }
.m-pro-list ul li a {position:relative;display:inline-block;width:270px;height:200px;}
.m-pro-list ul li img { width: 270px;height: 200px;vertical-align:middle;}
.m-pro-list ul li p  {display:inline-block;position:absolute;left:0;bottom:0;width:270px;height:35px;line-height:35px;font-size: 14px; color: #fff;  text-align: center;background:#233b4b;filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; }
.m-pro-list ul li:hover p {background:#D19E05;}
